<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>热点景点介绍</title>
    <link rel="stylesheet" href="/dingding-web/plugin/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="/dingding-web/plugin/ionicon/css/ionicons.min.css">
    <link rel="stylesheet" href="/dingding-web/tourism/css/travel.css">
    <script src="/dingding-web/plugin/jquery/jquery.min.js"></script>
    <script src="/dingding-web/common/js/system.js"></script>
    <script src="/dingding-web/plugin/bootstrap/bootstrap.min.js"></script>
    <script src="/dingding-web/plugin/juicer/juicer-min.js"></script>
    <script src="/dingding-web/tourism/js/travel.js"></script>    
</head>
<body>
  <script id="tpl" type="text/template">
   
    {@each responseBody  as item,index}
    <ul>
      <li class="content-list-li">
        <div class="container-fluid">
          <img class="img-responsive" src="${item.viewSpotImage}">
        </div>
        <span class="content-list-li-introduce" value="${index}">景点介绍 ></span>
        <span class="content-list-li-go" value="${index}">去这里</span>
      </li>     
    </ul>
    <div class="alert-window" value="${index}">
      <p class="alert-window-title">${item.viewSpotName}</p>
      <p class="alert-window-content">${item.viewSpotDescribe}</p>
    </div>
    {@/each} 

  </script>


</body>
</html>